@extends('agent.mainlayout')
@section('title')

@endsection
@section('content')
        <!-- start 点击品牌管理详情-->
        <link rel="stylesheet" href="/css/all.css"/>
        <link rel="stylesheet" href="/css/detail.css"/>
    <style>
        .main .four .header {
            line-height: 40px;
            height: 40px;
            border-bottom: 1px solid #cccccc;
        }
        .main .four .header span {
            color: white;
            margin-right: 30px;
            width: 70px;
            height: 34px;
            line-height: 34px;
            text-align: center;
            font-size: 14px;
            float: right;
            background: #3baeda;
            cursor: pointer;
        }
        .main .four .center {
            overflow: hidden;
        }
        .main .four .center .span1 {
            float: left;
            display: block;
            background: #36bd9c;
            width: 70px;
            height: 32px;
            text-align: center;
            line-height: 32px;
            margin-top: 40px;
            color: white;
            cursor: pointer;
            overflow: hidden;
        }
        .main .four .center .tab1 {
            font-size: 14px;
            margin-top: 10px;
            margin-left: 35px;
            width: 500px;
            text-align: left;
            float: left;
        }
        .main .four .center .tab1 tr {
            background: white ! important;
            width: 33.33%;
        }
        .main .four .center .tab1 tr td {
            padding: 8px 0;
        }
        .main .four .main {
            margin-top: 12px;
        }
        .main .four .main .info {
            padding: 12px 0;
            border-bottom: 1px solid #cccccc;
        }
        .main .four .main .main_top {
            padding: 20px 0 10px 20px;
        }
        .main .four .main .main_top span {
            padding: 0 15px;
        }
        .main .four .main .main_top input {
            height: 30px;
            width: 150px;
            box-sizing: border-box;
            padding-left: 8px;
        }
    </style>
    <style type="text/css">
        #sousuo{
            display:inline-block;
            background: #347c1e;
            color:white;
            height:25px;
            margin-left: 40px;
            cursor: pointer;
        }
        #sousuo:hover{
            background-color: #2d94e8;
        }
    </style>
    <div class="four" style="display: block">

        <div class="header">
            <span  style="    float: left;
    display: block;
    background: #36bd9c;
    width: 70px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    color: white;
    cursor: pointer;
    overflow: hidden;">详情</span>
            <span><a onclick="javascript:history.go(-1);">返回</a></span>
        </div>
        <div>
            @if(!empty($data))
                <div class="main">
                    <ul class="ul1">
                        <li>状态：<span>@if($data['order']['status'] > 0)已发货@else未发货@endif</span></li>
                        <li>快递：<span>{{$data['order']['shipping_company']}}</span></li>
                        <li>快递单号：<span>{{$data['order']['shipping_code']}}</span></li>
                        <li>收货人：<span>{{$data['order']['name']}}</span></li>
                        <li>电话：<span>{{$data['order']['mobile']}}</span></li>
                        <li>地址：<span>	{{$data['order']['address']}}</span></li>
                        <li>备注：<span>{{$data['order']['remark']}}</span></li>
                        <li>处理：<span>@if($data['order']['status'] > 0)已发货@else未发货@endif</span></li>
                        @if(isset($data['order']['status'])&&$data['order']['status']>0)
                            <li><button style="background-color:lightgray" onclick="window.location.href='http://m.kuaidi100.com/index_all.html?type={{$data['order']['shipping_company']}}&postid={{$data['order']['shipping_code']}}&callbackurl={{action('Admin\OrderController@getOrderList')}}'"><font color="blue">查看物流</font></button></li>
                        @endif
                    </ul>
                    <div class="Commodity_detail" style="width: 200px">
                        <img  src="/{{$data['goods']['pics'][0]}}" alt=""/>
                        <ul class="ul2">
                            <li>货号：<span>{{$data['goods']['spu']}}</span></li>
                            <li>名称：<span>{{$data['goods']['name']}}</span></li>
                            <li>数量：<span>{{$data['order']['goods_num']}}</span>件</li>
                            <li>单价：￥<span>{{$data['goods']['price']}}</span></li>
                            <li>总价：￥<span>{{$data['goods']['price'] * $data['order']['goods_num']}}</span></li>
                        </ul>
                    </div>
                    <lable>应付金额：</lable><p class="red"><span>{{$data['order']['pay_money']}}</span> 元</p><br/>
                    <lable>折前金额：</lable><p class="red"><span>{{$data['order']['total_money']}}</span> 元</p>
                </div>
            <br/>
             @endif
        </div>

    </div>
    <!-- end 点击品牌管理详情-->
<script>

    $('#excel').click(function(){

            $('#excelform').submit();

    });

    //时间搜索
//    var oSousuo = document.getElementById('sousuo');
//    var oSearch = document.getElementById('search');
//
//    oSousuo.onclick = function(){
//        //加载效果
//        //layer.load(2, {shade: false});
//        oSearch.submit();
//
//    }

    window.onload = function(){
        laydate({
            elem: '#time1'
        });
        laydate({
            elem: '#time2'
        });
    }





</script>
@endsection
